/* 当组件属性上绑定的 :autoplay="false" 时，则显示此界面
 * Manual play-box 手动控制播放界面
 */ 

// Manual play = 手动播放

.onManual-play-box{
	@extend .u-flex-column;
	@extend .u-flex-juc-center;
	@extend .u-flex-al-items-center;
	background-color: rgba(0,0,0,1);
	
	&__Top{
		@include m-bottom(80rpx);
		&__text{
			color: #fff;
			/* #ifdef H5 || MP */
			font-size: 28rpx;
			/* #endif */
			
			/* #ifdef APP-PLUS */
			font-size: 32rpx;
			/* #endif */
		}
	}
	&__Bottom{
		@extend .u-flex-row;
		@extend .u-flex-nowrap;
		
		&__item{
			@extend .u-flex-juc-center;
			@extend .u-flex-al-items-center;
			/* #ifdef H5 || MP */
			@include padding(20rpx 50rpx);
			/* #endif */
			
			/* #ifdef APP-PLUS */
			@include padding(30rpx 60rpx);
			/* #endif */
			
			@include margin(0 20rpx);
			
			border-radius: 100rpx;
			&__text{
				
				@extend .onManual-play-box__Top__text;
			}
		}
	}
}
.onManual-play-box__Bottom>.onPlay{
	background-color: rgba(255,255,255,1);
}
.onManual-play-box__Bottom>.onPlay>.app-text{
	color: #00abff!important;
}
.onManual-play-box__Bottom>.onBack{
	background-color: rgba(0, 171, 255, 1);
}



